<link href="/css/order/detail.css" rel="stylesheet" type="text/css">
<link href="/css/order/order.css" rel="stylesheet" type="text/css"/>
<script  type="text/javascript">
<{include file='order/order/js/detail.js'}>
</script>
<script type="text/javascript" src="/js/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="/css/jquery.fancybox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/jquery.fancybox-thumbs.css" />
<script type="text/javascript" src="/js/jquery.fancybox-thumbs.js"></script>  
<script type="text/javascript">
	
	$(function(){
		$('.fancybox-thumbs').fancybox({
			prevEffect	: 'none',
			nextEffect	: 'none',
			helpers	: {
				title	: {
					type: 'outside'
				},
				overlay	: {
					opacity : 0.8,
					css : {
						'background-color' : '#000'
					}
				},
				thumbs	: {
					width	: 50,
					height	: 50
				}
			}
		});	
	})
</script>
<input type="hidden" value="<{$orders_code}>" name="is_orders_code" id="is_orders_code">
<div id="auth_tips" style="display: none;" title="<{$lang.msg}><{$lang.tip}>">
    <div style="height: 64px;line-height: 50px;">
        <p style="text-align:center;font-size: 14px;color: red;font-weight: bold;" id="auth_tips_content"></p>
    </div>
</div>
<div id="dialog-tabs">
<div id="tabs">
<div id="tabs-head">
    <ul>
        <li id="tabs-li-1" class="tabs-head-active"><a href="javascript:switchTab(1);"><{$lang.base}><{$lang.msg}></a></li>
        <li id="tabs-li-2"><a href="javascript:switchTab(2);"><{$lang.customer}><{$lang.ziliao}></a></li>
        <li id="tabs-li-3"><a href="javascript:switchTab(3);">Log</a></li>
    </ul>
</div>
<div class="myClear"></div>
<div class="orderError"></div>
<div id="tabs-1">
    <div class="bill">
        <form id="baseForm">

            <div class="bill-head">
                <div class="bill-head-tip"><{$lang.order}></div>
                <div class="orderDetailHeadLink">

                </div>
            </div>
            <div id="orders_id" style="display:none"></div>
            <input type="hidden" name="orders_id" value=""/>

            <div class="bill-item">
                <div class="bill-item-left"><{$lang.orders_code}>：</div>
                <div id="orders_code" class="bill-item-right"></div>
            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.order}><{$lang.status}>：</div>
                <div id="orders_status" class="bill-item-right"></div>
            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.user}>ID：</div>
                <div id="customer_id" class="bill-item-right"></div>
            </div>
            <div class="myClear"></div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.shipping_method}>：</div>
                <div id="shipping_method" class="bill-item-right"></div>
            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.currency}>：</div>
                <div id="currencies_id" class="bill-item-right"></div>

            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.currency}><{$lang.exchange_rate}>：</div>
                <div id="currency_rate" class="bill-item-right"></div>
            </div>
            <div class="myClear"></div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.order}><{$lang.description}>：</div>
                <div id="parcel_contents" class="bill-item-right"></div>
            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.product}><{$lang.quantity}>：</div>
                <div id="parcel_quantity" class="bill-item-right"></div>
            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.remark}>：</div>
                <div id="remark" class="bill-item-right"></div>
            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.order}><{$lang.price}>：</div>
                <div id="parcel_value" class="bill-item-right"></div>
            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.order}><{$lang.declar_price}>：</div>
                <div id="parcel_declared_value" class="bill-item-right"></div>
            </div>
            <div class="myClear"></div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.insurance}>：</div>
                <div id="guarantee" class="bill-item-right"></div>
            </div>
            <div class="bill-item">

                <div class="bill-item-left"><{$lang.insurance}><{$lang.money}>：</div>
                <div id="guarantee_value" class="bill-item-right"></div>
            </div>
            <div class="bill-item">

                <div class="bill-item-left"><{$lang.payment}><{$lang.status}>：</div>
                <div id="payment_status" class="bill-item-right"></div>
            </div>

            <div class="bill-item">
                <div class="bill-item-left"><{$lang.order}><{$lang.create_time}>：</div>
                <div id="add_time" class="bill-item-right"></div>

            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.last}><{$lang.edit}>：</div>
                <div id="last_modified_time" class="bill-item-right"></div>
            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.import}><{$lang.shipping}>：</div>
                <div id="import_time" class="bill-item-right"></div>
            </div>

            <div class="myClear"></div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.print}><{$lang.time}>：</div>
                <div id="print_time" class="bill-item-right"></div>
            </div>
            <div class="myClear"></div>
        </form>
    </div>
    <div class="bill">
        <div class="bill-head">
            <div class="bill-head-tip"><{$lang.product}><{$lang.list}></div>
            <div class="orderDetailHeadLink">

                <a href="javascript:addProduct('<{$orders_code}>')" style="display:none;"><{$lang.add}><{$lang.product}></a>
            </div>
        </div>
        <div class="bill-product-table">
            <div class="bill-product-head">
                <div class="column1"><{$lang.picture}></div>
                <div class="column2">ID</div>
                <div class="column2_1"><{$lang.sku}></div>
                <div class="column3"><{$lang.name}></div>

                <div class="column4"><{$lang.single_price}></div>
                <div class="column5"><{$lang.quantity}></div>
                <div class="column6"><{$lang.total_price}></div>
                <div class="column8" permission="prodelete" style="display:none;"><{$lang.delete}></div>
            </div>
            <div class="myClear"></div>
            <div id="productData"></div>
            <div class="pTotal">

                <div class="pTotalLeft" id="subtotal"></div>
                <div class="pTotalRight"><{$lang.order}><{$lang.money}>：</div>
            </div>
            <div class="pTotal"  style="display:none;">
                <div class="pTotalLeft" id="shipping_cost"></div>
                <div class="pTotalRight"><{$lang.shipping}><{$lang.cost}>：</div>
            </div>
            <div class="pTotal" style="display:none;">

                <div class="pTotalLeft" id="insurance"></div>
                <div class="pTotalRight"><{$lang.insurance}><{$lang.cost}>：</div>
            </div>
            <div class="pTotal" style="display:none;">
                <div class="pTotalLeft" id="tax"></div>
                <div class="pTotalRight"><{$lang.tax}><{$lang.cost}>：</div>
            </div>
            <div class="pTotal"  style="display:none;">
                <div class="pTotalLeft" id="grand_total"></div>
                <div class="pTotalRight"><{$lang.order}><{$lang.total_cost}>：</div>
            </div>
        </div>
        <div class="myClear"></div>
    </div>

</div>
<div id="tabs-2" style="display:none;">
    <div class="bill">
        <form id="shipForm">
            <div class="bill-head">
                <div class="bill-head-tip"><{$lang.receiver}></div>
                <div class="orderDetailHeadLink">
                    <a href="javascript:updateOrder('shipForm');"><{$lang.edit}></a>
                </div>
            </div>
            <input type="hidden" name="orders_id" value=""/>
            <input type="hidden" name="orders_code" value=""/>

            <div class="bill-item">
                <div class="bill-item-left"><{$lang.first_name}>：</div>
                <div id="consignee_first_name" class="bill-item-right"></div>
            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.last_name}> <{$lang.username}>：</div>

                <div id="consignee_last_name" class="bill-item-right"></div>
            </div>
            <div class="myClear"></div>
            <div class="bill-item" style="width:100%">
                <div class="bill-item-left" style="width:12.5%">Street1 <{$lang.address}>1：</div>
                <div id="consignee_address1" class="bill-item-right" style="width: 85.5%;"></div>
            </div>
            <div class="myClear"></div>

            <div class="bill-item" style="width:100%">
                <div class="bill-item-left" style="width:12.5%">Street2 <{$lang.address}>2：</div>
                <div id="consignee_address2" class="bill-item-right" style="width: 85.5%;"></div>
            </div>
            <div class="myClear"></div>

            <div class="bill-item">
                <div class="bill-item-left">Country <{$lang.country}>：</div>
                <div id="consignee_country_id" class="bill-item-right"></div>
            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.province}>/<{$lang.zone}>：</div>
                <div id="consignee_region" class="bill-item-right"></div>
            </div>

            <div class="bill-item">
                <div class="bill-item-left"><{$lang.city}>：</div>
                <div id="consignee_city" class="bill-item-right"></div>

            </div>
            <div class="myClear"></div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.zip_code}>：</div>
                <div id="consignee_zip" class="bill-item-right"></div>

            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.telphone}>：</div>
                <div id="consignee_phone" class="bill-item-right"></div>
            </div>
            <div class="bill-item">
                <div class="bill-item-left"><{$lang.email}>：</div>
                <div id="consignee_email" class="bill-item-right"></div>
            </div>

            <div class="myClear"></div>
            <div class="bill-item">
                <div class="bill-item-left">Company <{$lang.company}>：</div>
                <div id="consignee_company" class="bill-item-right"></div>
            </div>
            <div class="bill-item">&nbsp;</div>
            <div class="myClear"></div>
        </form>
    </div>

</div>

<div id="tabs-3" style="display:none;">

    <div class="bill-head">
        <div class="bill-head-tip"><{$lang.order}><{$lang.log}></div>
        <div class="orderDetailHeadLink">
            <a href="javascript:addComments();"><{$lang.create}><{$lang.log}></a>
        </div>
    </div>
    <div class="historyTable">
        <div class="historyHead">
            <div class="historyCol6"><{$lang.op_user}></div>

            <div class="historyCol4"><{$lang.date}></div>
            <div class="historyCol2"><{$lang.type}></div>
            <div class="historyCol5"><{$lang.content}></div>
            <div class="historyCol1"><{$lang.remark}></div>
            <div class="myClear"></div>
        </div>
        <div id="historyData"></div>
        <div id="log_order_id" style="display:none"></div>

        <div class="pagination"></div>
    </div>
</div>

</div>
</div>

<!--<{$lang.remark}>-->
<div id="comment-dialog" style="display: none;" title="<{$lang.remark}>">
    <div class="validateTips" id="commentTips"></div>
    <form name="commentForm" id="commentForm">
        <div class="bill">
            <div class="bill-head">
                <div class="bill-head-tip" id="header_title"><{$lang.input}><{$lang.content}></div>

            </div>
            <div style="width: 100%;" class="bill-item">
                <div style="width: 10%;" class="bill-item-left"><{$lang.remark}>:</div>
                <div style="width: 84%;height:80px;padding-top:10px;" class="bill-item-right">
                    <textarea class="ui-widget-content" id="comment" name="comment" style="width:98%;"></textarea>
                </div>
            </div>
        </div>

    </form>
</div>
<!--<{$lang.remark}>-->

<div id="delete-confirm" style="display:none" title="<{$lang.delete}><{$lang.product}>">
    <p class="info_tips"><{$lang.delete_sure}>？</p>
</div>